<script setup>
import {useRoute} from "vue-router";

const route = useRoute()
const query = route.query
fetch("http://localhost:7788/click/"+query.title)

</script>

<template>
<div class="tw-w-full tw-h-full">
  <div class="tw-w-2/3 tw-m-auto">
    <div>
      <el-card>
        <img class="tw-rounded-2xl tw-border tw-m-auto"  style="max-height: 300px"  :src="'http://localhost/dev-api' + query.pic"  />
        <el-divider></el-divider>
        <div class="tw-text-2xl tw-text-center">
          <span>
          {{query.title}}
          </span>
          <span class="tw-ml-3">
          <el-tag >
            {{query.createdTime}}
          </el-tag>
          </span>
        </div>
        <el-divider></el-divider>
        <div v-html="query.content">
        </div>
      </el-card>
    </div>
  </div>
</div>
</template>

<style scoped lang="scss">

</style>